
/*第一屏*/
.first{display: block;width: 100%;height: auto;overflow: hidden;position: absolute;top: 81px;bottom: 0;}
.first img{display: block;width: 100%;}
.first_con{display: block;width: 1200px;height: 100%;position: absolute;z-index: 10;top: 0;left: 50%;margin-left: -600px;}
.first_con h2{font-size: 24px;color: #ffffff;text-align: center;margin-top: 170px;-webkit-perspective: 600px;perspective: 600px;position: relative;opacity: 0; animation:bounceInUp 1s ; -webkit-animation:bounceInUp 1s ;}
.section.active .first_con h2,
.section.active .first_con p{-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;opacity: 1;}
.first_con h2{-webkit-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px);}
.section.active .first_con h2{-webkit-transition-delay: 0.8s;transition-delay: 0.8s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.first_con p{font-size: 12px;color: #ffffff;line-height: 24px;margin-top: 20px;text-align: center;-webkit-perspective: 600px;perspective: 600px;position: relative;opacity: 0;}
.first_con p{-webkit-transform: translateY(200px);-ms-transform: translateY(200px);transform: translateY(200px); animation:bounceInDown 1s ; -webkit-animation:bounceInDown 1s ;}
.section.active .first_con p{-webkit-transition-delay: 0.8s;transition-delay: 0.8s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.first_con a{width: 42px;height: 30px;position: absolute;bottom: 20px;left: 50%;margin-left: -21px;}
.first_con a img{display: block;width: 42px;height: 30px;animation: bounce 2s infinite;}
@keyframes bounce{0%,20%,50%,80%,100%{-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}40%{-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);}60%{-moz-transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform: translateY(0);transform: translateY(0);}40%{-webkit-transform: translateY(-30px);transform: translateY(-30px);}60%{-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
/*第二屏*/
.second,
.third{display: block;width: 100%;height: 100%;margin: 0 auto;}
.second_top{width: 1200px;height: auto;margin: 0 auto;overflow: hidden;text-align: center;-webkit-perspective: 600px;perspective: 600px;position: relative;opacity: 0;}
.section.active .second_top{-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;opacity: 1;}
.second_top{-webkit-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px);}
.section.active .second_top{-webkit-transition-delay: 0.8s;transition-delay: 0.8s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.second_top h2.tit_h{font-size: 24px;color: #505050;margin-top: 50px;}
.second_top p.tit_p{font-size: 16px;color: #505050;margin-top: 18px;}
.second_top span.tit_s{font-size: 18px;color: #df9329;display: inline-block;padding: 4px 0;border: 1px solid #DF9329;border-right: none;border-left: none;margin: 18px auto 0;}
.second_con,
.third_con{display: block;width: 1200px;height: auto;margin: 0 auto;}
.product-items{text-align: center; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top;}
.product-item{float: left; width:518px; height:275px; margin:50px auto 0; display: inline-block; -webkit-perspective: 600px; perspective: 600px; position: relative; opacity: 0; overflow: hidden;}
.product-item-front{text-align: center;display: block;width: 100%;cursor: pointer;}
.product-item-front img{display: block;width: 100%;border-radius: 6px;}
.product-item-front p{position: absolute;top: 40%;left: 50%;width: 186px;height: 48px;margin-left: -93px;font-size: 32px;color: #ffffff;border: 1px solid #ffffff;}
.product-item>*{position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;}
.product-item-opposite{-webkit-transform: rotateY(180deg); transform: rotateY(180deg); background-color: #fff; color: #505050; border: 1px solid #d9d7db; text-align: center; border-radius: 6px;}
.product-item:hover .product-item-opposite{-webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
.section.active .product-item{-webkit-transition: all 1s linear ; transition: all 1s linear ; opacity: 1;}
.product-item:nth-child(1){-webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px);}
.section.active .product-item:nth-child(1){-webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.product-item:nth-child(2){-webkit-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px);}
.section.active .product-item:nth-child(2){-webkit-transition-delay: 0.2s; transition-delay:0.2s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.product-item:nth-child(3){-webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(200px);}
.section.active .product-item:nth-child(3){-webkit-transition-delay:0.5s; transition-delay:0.5s; -webkit-transform: translateY(-0); -ms-transform: translateY(0); transform: translateY(-0);}
.product-item:nth-child(4){-webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px);}
.section.active .product-item:nth-child(4){-webkit-transition-delay:0.8s; transition-delay:0.8s; -webkit-transform: translateY(-0); -ms-transform: translateY(-0); transform: translateY(-0);}
.product-item-opposite h2{font-size: 26px;color: #505050;margin: 20px auto;text-align: center;}
.product-item-opposite p{font-size: 14px;color: #9b9b9b;line-height: 24px;width: 90%;margin: 0 auto;font-weight: normal;text-align: justify;}
.product-item-opposite a{display: block;width: 140px;height: 45px;background: #e88e0f;color: #fff;font-size: 16px;text-align: center;line-height: 45px;border-radius: 3px;margin: 20px auto 0;}
.product-item-opposite a:hover{background: #DE8B2A;}
/*第三屏*/
.third_about .hide {
	width: 70%;
    display: block;
    position: absolute;
    z-index: 10;
    top: 15%;
    left: 35%;
    margin-left: -246.5px;
    margin-top: 10%;
    background: rgba(255, 255, 255, .7);
    border-radius: 10px;
}
.third_about h2{
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	text-align: center;
	color: #505050;
	font-weight: normal;
}
.third_about p{
	line-height: 35px;
	font-size: 16px;
	text-indent: 32px;
	color: #9b9b9b;
}
/*关于我们*/
.about_first{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;position: relative;}
.about_l{width: 55px;position: absolute;height: auto;overflow: hidden;}
.about_l img{position: relative;display: block;width: 100%;height: 869px;top: 50%;margin-top: -434.5px;}
.about_l span{font-size: 18px;color: #fff;font-weight: bold;position: absolute;z-index: 10;top: 48.5%;left: 0;width: 55px;text-align: center;}
.about_r{width: 100%;display: block;height: 100%;margin: 0 auto;position: absolute;left: 0;top: 0;}
.about_fwz{ width: 100%; text-align: center;position: absolute;-webkit-perspective: 600px;perspective: 600px;opacity: 0; top: 10%;}
.section.active .about_fwz{-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;opacity: 1;}
.about_fwz{ animation:bounceInUp 1s ; -webkit-animation:bounceInUp 1s ;}
.section.active .about_fwz{-webkit-transition-delay: 0.5s;transition-delay: 0.5s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.about_fwz h2{font-size: 22px;color: #505050;font-weight: normal;}
.about_fwz p{font-size: 16px;color: #9b9b9b;margin-top: 10px;}
.about_r .about_items { width: 100%; height: 138px;position: absolute; top: 50%; left: 0; margin-top: -69px;}
.about_r .about_items .wrap { width: 810px; margin: 0 auto;}
.about_items .about_item {float: left;width: 138px;height: 138px;border-radius: 50%;display: inline-block;-webkit-perspective: 600px;perspective: 600px;position: relative; margin: 0; margin-right: 190px;}
.about_items .about_item.about_item_3 { margin-right: 0; animation:bounceInDown 1.5s ; -webkit-animation:bounceInDown 1.5s ;}
.about_items .about_item.about_item_2 { animation:bounceInleft 1s ; -webkit-animation:bounceInleft 1s ;}
.about_items .about_item.about_item_1 { animation:bounceInDown 1s ; -webkit-animation:bounceInleft 1s ;}
.about_items .product-item-opposite{border-radius: 50%;}
.about_items .product-item-opposite p{font-size: 14px;color: #505050;width: 80%;margin: 25% auto 0;}
.second_about{display: block;width: 100%;height: 100%;text-align: center;clear: both;position: absolute;top: 50%;left: 0;z-index: 2;-webkit-perspective: 600px;perspective: 600px;opacity: 0;}
.section.active .second_about{-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;opacity: 1;}
.second_about{-webkit-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px);}
.section.active .second_about{-webkit-transition-delay: 0.5s;transition-delay: 0.5s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.second_about img{width: 1116px;height: 514px;float: right;margin-right: 0;}
.second_about .hide{display: block;width: 493px;height: 243px;position: absolute;z-index: 10;top: 0;left: 50%;margin-left: -246.5px;margin-top: 12%;background: rgba(255, 255, 255, .7);border-radius: 10px;}
.second_about .hide h2{font-size: 22px;margin: 45px auto 30px;color: #505050;}
.second_about .hide p{font-size: 16px;width: 86%;margin: 0 auto;line-height: 24px;color: #9B9B9B;text-align: justify;}
.footerWrapb{position: absolute;bottom: 0;left: 0;}
.footerWrapb p{line-height: 80px;}
@keyframes bounceInUp {
	from {
		transform:translateY(-200px);
		opacity: 0;
	}
	to {
		transform:translateY(0);
		opacity: 1;
	}
}
@keyframes bounceInDown {
	from {
		transform:translateY(200px);
		opacity: 0;
	}
	to {
		transform:translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes bounceInDown {
	from {
		-webkit-transform:translateY(200px);
		opacity: 0;
	}
	to {
		-webkit-transform:translateY(0);
		opacity: 1;
	}
}
@keyframes bounceInleft {
	from {
		transform:translateX(200px);
		opacity: 0;
	}
	to {
		transform:translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes bounceInleft {
	from {
		-webkit-transform:translateX(200px);
		opacity: 0;
	}
	to {
		-webkit-transform:translateX(0);
		opacity: 1;
	}
}
/*加入我们*/
/*我们需要这样的人才*/
.need_talent{width: 1200px;margin: 32px auto 0;}
.title{width: 100%;height: 46px;margin: 0 auto;overflow: hidden;}
.need_talent ul{display: block;width: 100%;margin: 40px auto 0;overflow: hidden;}
.need_talent ul li{display: block;background: #f7f7f7;padding: 12px 60px 27px;border-radius: 3px;margin-bottom: 20px;}
.need_talent ul li h3{font-size: 18px;color: #de8b2a;font-weight: 600;line-height: 57px;margin-bottom: 18px;border-bottom: 1px solid #d6d6d6;}
.need_talent ul li .jion_list_wz{display: block;width: 100%;overflow: hidden;}
.need_talent ul li .join_L,
.need_talent ul li .join_R{float: left;width: 54%;}
.need_talent ul li .join_R{float: left;width: 46%;}
.need_talent ul li .join_L h4{font-size: 14px;color: #505050;font-weight: bold;}
.need_talent ul li .join_L p{font-size: 14px;color: #505050;margin-top: 15px;}
